<template>
  <el-popover :visible="visible" placement="top" :width="300">
    <p style="text-align: center;">请输入发货信息</p>

	<div>
		发货单号
		<el-input v-model="data.o.shipsn" placeholder="发货单号" :prefix-icon="Cellphone" style="width: 16rem;" />
		</div>
		&emsp;
	<div>
		快递公司或快递员
		<el-input v-model="data.o.shipname" placeholder="快递公司或快递员" :prefix-icon="Cellphone" style="width: 16rem;" />
		</div>
	
	&emsp;
    <div style="text-align: right; margin: 0">
      <el-button size="small" text @click="visible = false">确认</el-button>
      <el-button size="small" type="primary" @click="visible = false">
        取消
      </el-button>
    </div>
    <template #reference>
      <el-button size="default" type="danger" style="background-color: #E1337F;" @click="visible = true"><el-icon><Expand /></el-icon>发货</el-button>
    </template>
  </el-popover>
</template>

<script lang="ts" setup>
	import {ref, reactive,onMounted,computed} from"vue"
		import {$get,$postx,$postj,$postf} from '../ajax/index.js'
		import { ElMessage, ElMessageBox } from 'element-plus'
		import router from"../router/index.js"
		import store from "../store/index.js"
		import {Search,ShoppingCart,Plus,EditPen,Expand} from '@element-plus/icons-vue'
		import bottom from "../components/bottom.vue"
		import {useRoute} from "vue-router"
		import {success,warning,message,errors} from '../store/alert.js'
		const route =useRoute()
		const data=reactive({
			o:{shipsn:"",shipname:""}
		})
const visible = ref(false)



	onMounted(()=>{
		let a=route.query.id
		errors(a)
	})

</script>